home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / radio-quest-val.izs < prev    next >
Text File  |  2005-09-28  |  4KB  |  159 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Radio Question Validator 
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>This script validates that every Radio Button question on the form has been answered. No modifications needed!<!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>Forms<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13.  
  14. <!-- HOW TO INSTALL RADIO QUESTION VALIDATOR:
  15.  
  16.   1.  Copy code into the HEAD section of document
  17.   2.  Put last coding into the BODY section of document  -->
  18.  
  19. <!-- STEP ONE: Add code into HEAD section of document  -->
  20.  
  21. <HEAD>
  22.  
  23. <SCRIPT LANGUAGE="JavaScript">
  24.  
  25. <!-- Original:  David Blackledge -->
  26. <!-- Web Site:  http://David.Blackledge.com -->
  27.  
  28. <!-- Begin
  29. function checkRadios() {
  30.  var el = document.forms[0].elements;
  31.  for(var i = 0 ; i < el.length ; ++i) {
  32.   if(el[i].type == "radio") {
  33.    var radiogroup = el[el[i].name]; // get the whole set of radio buttons.
  34.    var itemchecked = false;
  35.    for(var j = 0 ; j < radiogroup.length ; ++j) {
  36.     if(radiogroup[j].checked) {
  37.      itemchecked = true;
  38.      break;
  39.     }
  40.    }
  41.    if(!itemchecked) { 
  42.     alert("Please choose an answer for "+el[i].name+".");
  43.     if(el[i].focus)
  44.      el[i].focus();
  45.     return false;
  46.    }
  47.   }
  48.  }
  49.  return true;
  50. } 
  51. //  End -->
  52. </script>
  53.  
  54. </HEAD>
  55.  
  56. <!-- STEP TWO: Add code into BODY section of document  -->
  57.  
  58. <BODY>
  59.  
  60. <FORM onsubmit="return checkRadios(this);">
  61. Blue:
  62. <input type="radio" value="1" name="blue">
  63. <input type="radio" value="2" name="blue">
  64. <input type="radio" value="3" name="blue">
  65. <input type="radio" value="4" name="blue">
  66. <input type="radio" value="5" name="blue">
  67. <BR>
  68.  
  69. Red:
  70. <input type="radio" value="1" name="red">
  71. <input type="radio" value="2" name="red">
  72. <input type="radio" value="3" name="red">
  73. <input type="radio" value="4" name="red">
  74. <input type="radio" value="5" name="red">
  75. <BR>
  76.  
  77. <input type="submit" value="check" name="button">
  78. </FORM>
  79.  
  80.  
  81. <!-- END OF SCRIPT -->
  82. <!/SCRIPT>
  83.  
  84. <!PREVIEW>
  85. <!-- START OF SCRIPT -->
  86.  
  87.  
  88. <!-- HOW TO INSTALL RADIO QUESTION VALIDATOR:
  89.  
  90.   1.  Copy code into the HEAD section of document
  91.   2.  Put last coding into the BODY section of document  -->
  92.  
  93. <!-- STEP ONE: Add code into HEAD section of document  -->
  94.  
  95. <HEAD>
  96.  
  97. <SCRIPT LANGUAGE="JavaScript">
  98.  
  99. <!-- Original:  David Blackledge -->
  100. <!-- Web Site:  http://David.Blackledge.com -->
  101.  
  102. <!-- Begin
  103. function checkRadios() {
  104.  var el = document.forms[0].elements;
  105.  for(var i = 0 ; i < el.length ; ++i) {
  106.   if(el[i].type == "radio") {
  107.    var radiogroup = el[el[i].name]; // get the whole set of radio buttons.
  108.    var itemchecked = false;
  109.    for(var j = 0 ; j < radiogroup.length ; ++j) {
  110.     if(radiogroup[j].checked) {
  111.      itemchecked = true;
  112.      break;
  113.     }
  114.    }
  115.    if(!itemchecked) { 
  116.     alert("Please choose an answer for "+el[i].name+".");
  117.     if(el[i].focus)
  118.      el[i].focus();
  119.     return false;
  120.    }
  121.   }
  122.  }
  123.  return true;
  124. } 
  125. //  End -->
  126. </script>
  127.  
  128. </HEAD>
  129.  
  130. <!-- STEP TWO: Add code into BODY section of document  -->
  131.  
  132. <BODY>
  133.  
  134. <FORM onsubmit="return checkRadios(this);">
  135. Blue:
  136. <input type="radio" value="1" name="blue">
  137. <input type="radio" value="2" name="blue">
  138. <input type="radio" value="3" name="blue">
  139. <input type="radio" value="4" name="blue">
  140. <input type="radio" value="5" name="blue">
  141. <BR>
  142.  
  143. Red:
  144. <input type="radio" value="1" name="red">
  145. <input type="radio" value="2" name="red">
  146. <input type="radio" value="3" name="red">
  147. <input type="radio" value="4" name="red">
  148. <input type="radio" value="5" name="red">
  149. <BR>
  150.  
  151. <input type="submit" value="check" name="button">
  152. </FORM>
  153.  
  154.  
  155. <!-- END OF SCRIPT -->
  156. <!/PREVIEW>
  157.  
  158. <!RELATED>NONE<!/RELATED>
  159.